<!DOCTYPE html>
<html>

<head>
    <title>经济文明App-个人中心</title>
    <meta charset="utf-8" />
    <link href="/static/css/bootstrap.min.css" rel="stylesheet">
    <link rel="shortcut icon" href="./static/img/favicon.ico" type="image/x-icon">

    <meta name="viewport" content="user-scalable=no, width=device-width,height=device-height initial-scale=1.0" />
    <script src="/static/js/jquery-3.6.0.min.js"></script>
    <script src="/static/js/bootstrap.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
        
            $('#puser')[0].innerHTML = "欢迎:"+localStorage.getItem("user");

        });
        function back(){
            window.location.href="https://2020cn.cn";
        }
        function logout(){
            window.localStorage.removeItem("user");
            window.location.href="https://2020cn.cn";
        }
        function goto(id){
            switch (id) {
                case "btnLogout":
                    logout();
                    break;
                case "btnGame":
                break;
                case "btnMail":
                break;
            
                default:
                    break;
            }
        }
    </script>
    <style type="text/css">
       
        html {
            height: 100%;
            padding: 0;
            margin: 0px;
        }

        body {
            height: 100%;
            text-align: center;
            padding: 0;
            margin: 0px;
            overflow: hidden;
        }
    

#imgBg {
    width: 150%;
    height: 100%;
    z-index: -2;
    position: absolute;
    top: 0%;
    left: -25%;
}

#imgBgCircleBottom {
    width: 150%;
    height: 100%;
    z-index: -1;
    position: absolute;
    bottom: -67%;
    left: -25%;
}
#imgBgCircleTop {
    width: 150%;
    height: 100%;
    z-index: -1;
    position: absolute;
    top: -77%;
    left: -25%;
}
        #backBtn {
            border-color: #b1b2b5;
            position: absolute;
            left: 3.14159%;
            top: 3.14159%;
            border-radius: 50%;
            width: 13vw;
            height: 13vw;
            font-size: 3vw;
        }

       
          
        .btn{
            border-color: #b1b2b5;
            border-radius: 50%;
            width: 21vmin;
            height: 21vmin;
            font-size: 2vmin;
        }
        .container{
            margin-top: 33%;
        }

    </style>
</head>

<body>
   
        <!-- <img id="imgBg" src="./static/img/CircleBg-1CirCle.svg" />  -->
    

    <div class="container" id="btnsDiv">
        <button id="backBtn" onclick="back()">返回</button>
        <p class="h1" id="puser">admin</p>
        <div class="centerBtns" id="btnsCenter">
            <button class="btn" id="btnVip" onclick="goto(id)">vip:1</button>
            <button class="btn" id="btnPoint" onclick="goto(id)">积分:0</button>
      
            <br>
            <button class="btn" id="btnCoin" onclick="goto(id)">金币:0</button>
            <button class="btn" id="btnContri" onclick="goto(id)">贡献:0</button>
      
            <br>
            <button class="btn" id="btnInvite" onclick="goto(id)">邀请</button>
            <button class="btn" id="btnPassword" onclick="goto(id)">修改密码</button>
            <button class="btn" id="btnDaily" onclick="goto(id)">签到</button>
            <br>
            <button class="btn" id="btnPay" onclick="goto(id)">充值</button>
            <button class="btn" id="btnLogout" onclick="goto(id)">登出</button>
           
        </div>
       
    </div>


    <br>
    <br>
</body>

</html>